<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			table{
				width: 1200px;
				line-height: 50px;
				border: 1px solid #ccc;
				text-align: center;
				margin: 0 auto;
				border-collapse: collapse;
				table-layout: fixed;
			}
			td{
				border: 1px solid #ccc;
				
			}
		</style>
	</head>
	<body id="body">
		<script type="text/javascript">
			var table=document.createElement("table");
			//表头
			var tr=document.createElement("tr");
			var arr=["姓名","职业","血量"];
			for(var i=0;i<arr.length;i++){
				var td=document.createElement("td");
				td.innerHTML=arr[i];
				tr.appendChild(td);
			}
			table.appendChild(tr);
			
			//表格中的内容
			var str="雨荷111@奶妈@100%#湿身山@坦克@10%#陈韶伟@刺客@1%#赵浩南@扛把子@60%#孙妮@步兵@30%#谭卓凡@骑兵@50%#雨荷111@奶妈@100%#湿身山@坦克@10%#陈韶伟@刺客@1%#赵浩南@扛把子@60%#孙妮@步兵@30%#谭卓凡@骑兵@50%#雨荷111@奶妈@100%#湿身山@坦克@10%#陈韶伟@刺客@1%#赵浩南@扛把子@60%#孙妮@步兵@30%#谭卓凡@骑兵@50%#雨荷111@奶妈@100%#湿身山@坦克@10%#陈韶伟@刺客@1%#赵浩南@扛把子@60%#孙妮@步兵@30%#谭卓凡@骑兵@50%#雨荷111@奶妈@100%#湿身山@坦克@10%#陈韶伟@刺客@1%#赵浩南@扛把子@60%#孙妮@步兵@30%#谭卓凡@骑兵@50%";
			var peoples=str.split("#");
			for(var i=0;i<peoples.length;i++){
				var tr=document.createElement("tr");
				var people=peoples[i].split("@");
				for(var j=0;j<people.length;j++){
					var td=document.createElement("td");
					td.innerHTML=people[j];
					tr.appendChild(td);
				}
				table.appendChild(tr);
			}
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			body.appendChild(table);
		</script>
	</body>
</html>
